<template>
    <div class="heightChart">
        <p class="title">{{title}}</p>
        <slot></slot>
    </div>
</template>

<script>

    export default {
        name: "heightChart",
        props: {
            title: {
                type: String,
                default: "统计类目"
            }
        },

    }
</script>

<style scoped>
    .heightChart {
        width: 609px;
        height: 404px;
        background: url("../../../assets/img/workcategory/heightChart.png");
        background-size: 609px 404px;
        position: relative;
    }

    .title {
        position: absolute;
        width: 100%;
        left: 0;
        right: 0;
        text-align: center;
        font-size: 22px;
        color: #EE6FF0;
    }

</style>
